import React from 'react'
import "./User.css"
export default function User() {
  return (
    <div className='page'>
      <div className='top'>
        <img src={require("../../assets/images/user/bj_1.png")} alt="" />
        <p className='title'>个人中心</p>
        <div className='tu'>
          <img src={require("../../assets/images/user/avatar.png")} alt="" />
          <p>Tomt</p>
        </div>
        <div className='type'>
          <div className='item'>
            <img src={require("../../assets/images/user/collect_3.png")} alt="" />
            <div className='num'>3</div>
            <div className='zi'>收藏</div>
          </div>
          <div className='item'>
            <img src={require("../../assets/images/user/note_1.png")} alt="" />
            <div className='num'>1</div>
            <div  className='zi'>笔记</div>
          </div>
          <div className='item'>
            <img src={require("../../assets/images/user/examination_me.png")} alt="" />
            <div className='num'>3</div>
            <div  className='zi'>我的考试</div>
          </div>
          <div className='item'>
            <img src={require("../../assets/images/user/data_me.png")} alt="" />
            <div className='num'>3</div>
            <div  className='zi'>学习资料</div>
          </div>
        </div>
      </div>

    <div className='bot'>
      <div className='list'>
        <div className='right'>
          <img src={require("../../assets/images/user/My Profile.png")} alt="" />
          <div>我的资料</div>
        </div>
        <div className='xian'>{">"}  </div>
      </div>
      <div className='list'>
        <div className='right'>
          <img src={require("../../assets/images/user/Notice.png")} alt="" />
          <div>系统公告</div>
        </div>
        <div className='xian'>{">"} </div>
      </div>
      <div className='list'>
        <div className='right'>
          <img src={require("../../assets/images/user/About us.png")} alt="" />
          <div>关于我们</div>
        </div>
        <div className='xian'>{">"} </div>
      </div>
    </div>
      
    </div>
  )
}
